.left_col {
  width: 100%;
  height: 100%;
  display: flex;
  // padding: 0 .35rem;
}

.left_zone {
  width: 3rem;
  margin: 10px;
  height: 380px;
  box-shadow: rgb(0, 108, 255) 0px 0px 10px inset;
  border: 1px solid #0764bc;
  box-shadow: 0 0 2px 0 #0e325f, inset 0 0 2px 0 #0e325f;
}
.left_zone_cover {
  width: 33%;
  margin: 10px;
  height: 450px;
  box-shadow: rgb(0, 108, 255) 0px 0px 10px inset;
  border: 1px solid #0764bc;
  box-shadow: 0 0 2px 0 #0e325f, inset 0 0 2px 0 #0e325f;
}
.left_zone_contain {
  width: 33%;
  margin: 10px;
  height: 40vh;
  box-shadow: rgb(0, 108, 255) 0px 0px 10px inset;
  border: 1px solid #0764bc;
  box-shadow: 0 0 2px 0 #0e325f, inset 0 0 2px 0 #0e325f;
}

.router {
  margin-top: 15px;
  a {
    padding-left: 0.1rem;
    font-family: italic;
    font-style: italic;
    // padding-left: 10px;
  }
  a:hover{
    text-decoration: underline;

  }
  a:before {
    content: "→ ";
    position: relative;
    left:0;
    animation: linkTo 5s ease-out;
    animation-iteration-count: infinite;
  }
}